<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>flexbox-challenge</title>
        <link rel="stylesheet" href="css/style.css">
    </head>
    <body>
        <header class="header bg__main">
            <div class="container text__center container__narrow">
                <h3>Lorem, ipsum dolor...</h3>
                <h1>Lorem ipsum dolor sit amet consectetur...</h1>
            </div>
        </header>
        <section class="sec_1">
            <div class="container">
                <h2 class="text__center">Some header</h2>
                <div class="split">
                    <div>
                        <p>
                            Lorem ipsum dolor sit amet consectetur adipisicing elit.
                            Ea molestias aliquam explicabo quidem molestiae necessitatibus labore, eum omnis,
                            atque quibusdam, at quod odit deleniti est distinctio architecto in dolor ipsam?
                        </p>
                    </div>
                    <div>
                        <p>
                            Lorem ipsum dolor sit amet consectetur adipisicing elit.
                            Ea molestias aliquam explicabo quidem molestiae necessitatibus labore, eum omnis,
                            atque quibusdam, at quod odit deleniti est distinctio architecto in dolor ipsam?
                        </p>
                    </div>
                </div>
            </div>
        </section>
        <section class="sec_2 bg__dark">
            <div class="split">
                <div>
                    <h2>Lorem ipsum dolor</h2>
                    <p>
                        Lorem ipsum dolor sit amet consectetur adipisicing elit.
                        Ea molestias aliquam explicabo quidem molestiae necessitatibus labore, eum omnis...
                    </p>
                </div>
                <div class="sec_2__bg">
                    <!-- Image here -->
                </div>
            </div>
        </section>
        <section class="sec_3 bg__accent">
            <div class="split">
                <div class="sec_3__bg">
                    <!-- Image here -->
                </div>
                <div>
                    <h2>Lorem ipsum dolor</h2>
                    <p>
                        Lorem ipsum dolor sit amet consectetur adipisicing elit.
                        Ea molestias aliquam explicabo quidem molestiae necessitatibus labore, eum omnis...
                    </p>
                </div>
            </div>
        </section>
    </body>
</html>
